﻿@model IEnumerable<Doan.Website.Models.News>

<div class="image_carousel">
    <div id="foo2">
        @foreach(var item in Model)
        {
            @*<img class="image-slide" src="../..@item.Image" alt="Anh Slide" width="140" height="140" />*@
            <a class="aimage" href="@Url.Action("NewsDetail", "Home", new { id = item.NewsId })">
                <img class="image-slide" title="@item.Content" src="../..@item.Image" alt="Anh Slide" width="140px" height="140" />
            </a>
        }
        @foreach(var item in Model)
        {
            @*<img class="image-slide" src="../..@item.Image" alt="Anh Slide" width="140" height="140" />*@
            <a class="aimage" href="@Url.Action("NewsDetail", "Home", new { id = item.NewsId })">
                <img class="image-slide" title="@item.Content" src="../..@item.Image" alt="Anh Slide" width="140px" height="140" />
            </a>
        }
        @foreach(var item in Model)
        {
            @*<img class="image-slide" src="../..@item.Image" alt="Anh Slide" width="140" height="140" />*@
            <a class="aimage" href="@Url.Action("NewsDetail", "Home", new { id = item.NewsId })">
                <img class="image-slide" title="@item.Content" src="../..@item.Image" alt="Anh Slide" width="140px" height="140" />
            </a>
        }
        @foreach(var item in Model)
        {
            @*<img class="image-slide" src="../..@item.Image" alt="Anh Slide" width="140" height="140" />*@
            <a class="aimage" href="@Url.Action("NewsDetail", "Home", new { id = item.NewsId })">
                <img class="image-slide" title="@item.Content" src="../..@item.Image" alt="Anh Slide" width="140px" height="140" />
            </a>
        }
    </div>
    <div class="clearfix"></div>
    <div class="prev-next">
        @if (Request.IsAuthenticated)
        {                    
            <a class="prev prevauth" id="foo2_prev" href="#"><span>prev</span></a>
            <a class="next prevauth" id="foo2_next" href="#"><span>next</span></a>
        }
        @if (!Request.IsAuthenticated)
        {                    
            <a class="prev prenvauth" id="foo2_prev" href="#"><span>prev</span></a>
            <a class="next prenvauth" id="foo2_next" href="#"><span>next</span></a>
        }
    </div>
    <div class="pagination" id="foo2_pag" style="display: block;">
        <a href="#" class="selected"><span>1</span></a>
        <a href="#" class=""><span>2</span></a>
        <a href="#" class=""><span>3</span></a>
    </div>
</div>

<script src="../../Scripts/home.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.nap.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.carouFredSel-6.2.0.js" type="text/javascript"></script>


